<template>
  <div>
    <h1>欢迎使用员工管理系统</h1>
    <button class="bg-clear" @click="logout">注销登录</button>
    <bottom></bottom>
    <h1>大家好啊</h1>
  </div>
</template>

<script>
  import Bottom from '@/components/bottom.vue'
  import {delCookie} from '@/assets/js/cookie.js'

  export default {
    components: {
      Bottom: Bottom
    },
    methods: {
      logout: function () {
        delCookie('username');
        this.$router.push('login')
      }
    }
  }
</script>

<style scoped>
  .sline {
    display: block;
    margin: 10px auto;
    width: 200px;
    height: 30px;
  }

  .bg-clear{
    border: none;
    background: none;
  }
</style>
